import React, { FunctionComponent } from 'react';

export const WarningIcon: FunctionComponent = () => (
  <svg
    width="20"
    height="20"
    viewBox="0 0 20 20"
    fill="none"
    xmlns="https://www.w3.org/2000/svg"
  >
    <rect x="1" y="1" width="18" height="18" rx="9" fill="#FFAE00" />
    <path
      d="M10.6523 6L10.5 11.6016H9.07031L8.91406 6H10.6523ZM9.78516 14.1016C9.52734 14.1016 9.30599 14.0104 9.12109 13.8281C8.9362 13.6432 8.84505 13.4219 8.84766 13.1641C8.84505 12.9089 8.9362 12.6901 9.12109 12.5078C9.30599 12.3255 9.52734 12.2344 9.78516 12.2344C10.0326 12.2344 10.25 12.3255 10.4375 12.5078C10.625 12.6901 10.7201 12.9089 10.7227 13.1641C10.7201 13.3359 10.6745 13.4935 10.5859 13.6367C10.5 13.7773 10.3867 13.8906 10.2461 13.9766C10.1055 14.0599 9.95182 14.1016 9.78516 14.1016Z"
      fill="white"
    />
    <rect
      x="1"
      y="1"
      width="18"
      height="18"
      rx="9"
      stroke="white"
      stroke-width="2"
    />
  </svg>
);
